<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>留言管理</title>

    <!-- Custom fonts for this template-->
    <link href="/static/admin-res/vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
    <link
            href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
            rel="stylesheet">

    <!-- Custom styles for this template-->
    <link href="/static/admin-res/css/sb-admin-2.min.css" rel="stylesheet">

    <!-- Custom styles for this page -->
    <link href="/static/admin-res/vendor/datatables/dataTables.bootstrap4.min.css" rel="stylesheet">

    <!--引入jQuery-->
    <script src="https://cdn.staticfile.org/jquery/1.9.1/jquery.js"></script>

</head>

<body id="page-top">

<!-- Page Wrapper -->
<div id="wrapper">

    <!-- 侧边栏 -->
    <ul th:replace="/commons/common-admin::sidebar(clickedOne='comment')"></ul>
    <!-- End of Sidebar -->

    <!-- Content Wrapper -->
    <div id="content-wrapper" class="d-flex flex-column">

        <!-- Main Content -->
        <div id="content">

            <!-- 头部导航栏 -->
            <nav th:replace="/commons/common-admin::topbar"></nav>
            <!-- End of Topbar -->

            <!-- Begin Page Content -->
            <div class="container-fluid">

                <!-- Page Heading -->
                <h1 class="h3 mb-4 text-gray-800">留言/评论功能暂未开通</h1>

                <!--<div class="card shadow mb-4" th:fragment="table">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">留言管理(暂不完善)</h6>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-bordered text-center" id="dataTable" width="100%" cellspacing="0">
                                <thead>
                                <tr>
                                    <th class="align-middle">ID</th>
                                    <th class="align-middle">留言/评论内容</th>
                                    <th class="align-middle">创建日期</th>
                                    <th class="align-middle">邮箱</th>
                                    <th class="align-middle">用户名称</th>
                                    <th class="align-middle">留言/评论IP</th>
                                    <th class="align-middle">是否有效</th>
                                    <th class="align-middle">删除</th>
                                </tr>
                                </thead>
                                <tfoot>
                                <tr>
                                    <th class="align-middle">ID</th>
                                    <th class="align-middle">留言/评论内容</th>
                                    <th class="align-middle">创建日期</th>
                                    <th class="align-middle">邮箱</th>
                                    <th class="align-middle">用户名称</th>
                                    <th class="align-middle">留言/评论IP</th>
                                    <th class="align-middle">是否有效</th>
                                    <th class="align-middle">删除</th>
                                </tr>
                                </tfoot>
                                <tbody>
                                <tr th:each="comment:${comments}">
                                    <td class="align-middle" th:text="${comment.getId()}"></td>
                                    <td class="align-middle" th:text="${comment.getContent()}"></td>
                                    <td class="align-middle" th:text="${#dates.format(comment.getCreateBy(),'yyyy-MM-dd HH:mm:ss')}"></td>
                                    <td class="align-middle" th:text="${comment.getEmail()}"></td>
                                    <td class="align-middle" th:text="${comment.getName()}"></td>
                                    <td class="align-middle" th:text="${comment.getIp()}"></td>
                                    <td class="align-middle" th:text="${comment.getIsEffective()==true?'有效':'无效'}"></td>
                                    <td class="align-middle">
                                        <a role="button"  class="btn btn-danger btn-circle btn-sm" data-toggle="modal" data-target="#deleteCommentModal"
                                           th:onclick="'javascript:delComment('+${comment.getId()}+');'">
                                            <i class="fas fa-trash"></i>
                                        </a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>-->

            </div>
            <!-- /.container-fluid -->

        </div>
        <!-- End of Main Content -->

        <!-- 页脚 -->
        <footer th:replace="/commons/common-admin::footer"></footer>
        <!-- End of Footer -->

    </div>
    <!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
    <i class="fas fa-angle-up"></i>
</a>

<!-- 退出登录-->
<div th:replace="/commons/common-admin::logout"></div>

<!-- Bootstrap core JavaScript-->
<script src="/static/admin-res/vendor/jquery/jquery.min.js"></script>
<script src="/static/admin-res/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- Core plugin JavaScript-->
<script src="/static/admin-res/vendor/jquery-easing/jquery.easing.min.js"></script>

<!-- Custom scripts for all pages-->
<script src="/static/admin-res/js/sb-admin-2.min.js"></script>

<!-- Page level plugins -->
<!--<script src="/static/admin-res/vendor/chart.js/Chart.min.js"></script>-->
<script src="/static/admin-res/vendor/datatables/jquery.dataTables.min.js"></script>
<script src="/static/admin-res/vendor/datatables/dataTables.bootstrap4.min.js"></script>

<!-- Page level custom scripts -->
<!--<script src="/static/admin-res/js/demo/chart-area-demo.js"></script>-->
<!--<script src="/static/admin-res/js/demo/chart-pie-demo.js"></script>-->
<script src="/static/admin-res/js/demo/datatables-demo.js"></script>

</body>

</html>